Unrelated:

• Fix color mixing—pushed oklch color space on accident recently in v6: Drop component variants for global .theme-* classes #41789 without checking it out.

API:

• Updates the API to allow multiple property keys. This was necessary for the new font-sizes Sass map that sets font-size and line-height.
• We now generate a JSON object of our utilities, making it easier to reference utilities in the docs.

Display:

• Removed print display utilities, and all print logic in the utility API.

Flex & Grid:

• Moved .grid-cols-* classes to the utility API.
• Added utilities for grid-auto-flow
• Added grid and gap docs pages for utilities

Type/Font:

• Added .font-body utility. This joins the existing .font-monospace.
• Dropped .display-* typography classes—their name is confusing next to display property utilities.
• Added new .text-* utilities that set font-size and line-height in sizes xs—6xl. This also updates the font-size .fs-{size} utilities.
• Docs: Split Text page into separate pages for font-size, font-family, font-weight, and line-height

Colors:

• .text-{color} is now .fg-{color} to match background utilities
• New foreground color names and options
  • .text-body-emphasis, .text-body-secondary, and .text-body-tertiary are no more
  • Added .fg-1, .fg-2, and .fg-3
  • Updated theme colors also reflected in .fg-{color} options
• .bg-{color}-subtle is now .bg-subtle-{color}
• Added .bg-muted-{color} utilities
• Color, background color, and border color utilities now set a CSS variable and consumes it in a declaration. This allows for easier opacity changes via color-mix(). For example:

   .bg-primary {
     --bs-bg: var(--bs-primary-500);
     background-color: var(--bs-bg);
   }

Links/Underlines
Link and underline utilities have some new names, values, and all around new utilities. Most name changes were to avoid unnecessarily tying these classes to hyperlinks alone, when underlining can also be a form of emphasis.

• .link-opacity-{value} is now .link-{value}
  • Moved from 0, 25, 50, 75, 100 to increments of 10
• .link-underline-opacity-{value} is now .link-underline-{value}
  • Moved from 0, 25, 50, 75, 100 to increments of 10
• .link-offset-{value} is now .underline-offset-{value}
• .link-underline-{color} is now .underline-{color}
• Added .underline-thickness-{value}
• Docs: Split Links page into a Text Decoration page for relevant utilities

Todos:

• Double check font/type/text docs
• Resolve the clamp() experiment to potentially replace RFS

Follow-ups:

• Switch from an infix to a prefix for responsive and state/pseudo utilities (e.g., hover:opacity-50 and md:d-block)
• Move from state to pseudo-classes and pseudo-elements
• Restore print in the API maybe? But leave disabled for display
• Split utilities to a whole new top-level nav link?